@charset "UTF-8";


@media (min-width: 1270px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1200px;
        
    }
    .row {
        margin-left: -24px;
        margin-right: -24px
    }
}


/*header top*/

.headtop {}
.headtop .container {background: #f8f8f8; color:#0047c4; text-align:right; line-height: 26px;}

.webmenu {padding:15px 0;}
.webmenu .logo {}
.webmenu .logo .logoimg {display: inline-block; float: left; margin-right:15px;}
.webmenu .logo h3 {color:black; font-weight:bold; margin-bottom: 13px; }
.webmenu .logo p {color:#9d9d9d; font-size:16px;}

.wbul {float:right;}
.wbul li {float:left; display:inline-block;margin-left:2px;}
.wbul li a {display:inline-block; line-height:67px; color: black; font-size: 18px; padding:0 35px;}
.wbul li a:hover, .wbul li a.active {color: white; background: #003593;}



/* footer */
.footer {color:white;}
.footer a, .footer a:hover {color:white;}
.footer .container {background:#003593; padding:40px 0 20px;}

.footer .p1 {padding:0 20px 30px; display:flex; text-align:center;}
.footer .p1 .footlogo {width:20%;}
.footer .p1 .footcp {width:30%;}
.footer .p1 .footlink {width:20%;}
.footer .p1 .qrd {width:30%;}

.footer .p1 .footcp h4, .footer .p1 .footlink h4 {font-size:18px; margin-bottom:15px;}
.footer .p1 ul li {line-height:32px;}
.footer .p1 ul li a {font-size:16px;}
.footer .p1 .footcp ul li {float:left; width:50%;}

.footer .p1 .qrd {}
.footer .p1 .qrd a {display:inline-block; margin-left:20px;}
.footer .p1 .qrd a img {max-width:120px; margin-bottom:10px;}


/* fixed */
.yb_conct {position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden}
.yb_bar .yb_top{background:#00a1e9 url(../img/fixCont.png) no-repeat 0 0}
.yb_bar .yb_phone{background:#00a1e9 url(../img/fixCont.png) no-repeat 0 -113px}
.yb_bar .yb_money{background:#00a1e9 url(../img/fixCont.png) no-repeat 0 -57px}
.yb_bar .yb_QQ{text-indent:0; background:#00a1e9 url(../img/fixCont.png) no-repeat 0 -169px}
.yb_bar .yb_ercode{background:#00a1e9 url(../img/fixCont.png) no-repeat 0 -226px}
.hd_qr{padding:0 29px 25px 29px}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff}




/* index */
.tit {background: #003593; height: 36px; color: white; line-height: 36px; font-size: 16px; padding-left: 24px;}
.tit a {color:#fff; font-size:14px;}

.wbcate {margin:20px 0 5px;}
.wbcate .item {overflow: hidden; background-repeat: no-repeat; margin-bottom: 18px; position: relative;}
.wbcate .item ul {float:right; width:130px; text-align:center; padding-top:30px; height:200px;}
.wbcate .item ul li a {color: black; line-height:30px; font-size: 16px;}

.wbcate .item .alink {display:block; position: absolute; left:0; top:0; width:68%; height:100%;}

.wbcate .item1 {background-image: url(../img/img1.jpg); background-size: 100% auto;}
.wbcate .item2 {background-image: url(../img/img2.jpg); background-size: 100% auto;}
.wbcate .item3 {background-image: url(../img/img3.jpg); background-size: 100% auto;}
.wbcate .item4 {background-image: url(../img/img4.jpg); background-size: 100% auto;}
.wbcate .item5 {background-image: url(../img/img5.jpg); background-size: 100% auto;}
.wbcate .item6 {background-image: url(../img/img6.jpg); background-size: 100% auto;}


.wbuse {}
.wbuse .titerr {width:200px; background: #797979;color: white; font-size: 18px; line-height: 144px; text-align:center; font-weight: bold;}
.wbuse dl {background: #e3e3e3;}
.wbuse dl dt {width:100%; display:flex; justify-content: space-around; align-items: center;}
.wbuse dl dt li {text-align: center;line-height: 48px;}



.wbindex {padding:25px 0;}
.wbindex .iabout {width:33%;}
.wbindex .inews {width:37%;}
.wbindex .icontact {width:30%;}

.wbindex .iabout img {height:180px; width:100%; margin-bottom:10px;}
.wbindex .iabout p {color:#666; line-height:30px; text-indent: 2em;}

.wbindex .inews ul {padding:10px 10px 0;}
.wbindex .inews ul li {line-height:32px; overflow:hidden;}
.wbindex .inews ul li span {float:right;}

.wbindex .icontact .con {padding-left:15px;}
.wbindex .icontact .con h3 {font-size: 18px; color: #003593; margin-bottom:10px;}
.wbindex .icontact .con p {font-size: 14px; color: #666; line-height:26px;}

.wbindex .ctbox {padding:15px 0 15px 20px;}
.wbindex .ctbox img {float:left; margin-right:10px;}
.wbindex .ctbox p {font-size: 14px; color: #777777; padding-top:18px; margin-bottom:5px;}
.wbindex .ctbox h3 {font-size: 24px; color: #fe4378; font-weight: bold;}



/* page */
.pabout {padding:25px 0;}
.pagetit {margin-bottom:25px;}

.pabout .iabout img {max-width:100%; }
.pabout .con {padding-top:15px;}
.pabout .con p {color:#666; line-height:30px; text-indent: 2em; margin-bottom:10px;}


.pcont {padding:25px 0 0;}
.pcont .cbox {margin-bottom:15px; width:85%;}
.pcont .cbox .ct {border-bottom: 1px #00a1e9 solid; color: #00a1e9; line-height:30px; font-size:16px;}
.pcont .ct-text {padding-top:15px; display:flex; color:#333;}
.pcont .ct-text p {line-height:28px;}
.pcont .saleimg {text-align:center;}



/* news */

.pnew {padding:20px 0;}

.pnew .icontact .con {padding-left:15px;}
.pnew .icontact .con h3 {font-size: 18px; color: #003593; margin-bottom:10px;}
.pnew .icontact .con p {font-size: 14px; color: #666; line-height:26px;}
.pnew .icontact .ctbox {padding:15px 0 15px 15px;}
.pnew .icontact .ctbox img {float:left; margin-right:10px;}
.pnew .icontact .ctbox p {font-size: 14px; color: #777777; }
.pnew .icontact .ctbox h3 {font-size: 20px; color: #fe4378; font-weight: bold;}

.pnew .inews ul {padding:10px 10px 0;}
.pnew .inews ul li {line-height:36px; overflow:hidden;}
.pnew .inews ul li span {float:right;}


/* news details */
.newbody {padding:25px 25px 15px; overflow:hidden;}
.newbody .ntit {text-align:center;}
.newbody .ntit h1 {font-size:22px;}
.newbody .details-text {padding:15px 0; line-height:26px;}
.newbody .details-text h3 {font-size:22px!important; margin-top:1.2em; margin-bottom:10px!important;}
.newbody .details-text table {border:1px solid #ddd; width:100%!important; text-align:center;}
.newbody .details-text table tr, .newbody .details-text table td, .newbody .details-text table th {border:1px solid #ddd; padding:5px;}
.newbody .details-text table th {}
.newbody .morebox {border-top:1px solid #003593;}
.newbody .morebox a {display:block; text-align:left;}